import React from 'react'


interface Selectin {
 
  classname?: string;
  clist:any,
  change:any,




}
const Select:React.FC<Selectin>  = (props:any) => {
  return (
    <>
        <select className={props.classname}   onChange={(e)=>{props.change(e.target.value)}}>
        <option value=''  selected disabled  style={{'display':'none'}} ></option>
   {props.clist.map((item:any,index:number)=>{

     return <option value={item} key={index}>{item}</option>
   })
   }
   </select>
    </>
  )
  
}
export default Select
